<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  <meta http-equiv=X-UA-Compatible content="IE=edge">
  <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name=apple-mobile-web-app-capable content=yes>
  <meta name=apple-mobile-web-app-status-bar-style content=black>
  <meta name=format-detection content="telephone=no">
  <meta http-equiv=X-UA-Compatible content="chrome=1">
  <meta name=renderer content=webkit>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>浙江省公共数据报告</title>
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="../public/echarts.css">
  <link href="../public/iconfont.css" rel="stylesheet">
  <link rel="stylesheet" href="../public/element/index.css">
  <link rel="stylesheet" href="../public/mint-style.css">
  <link rel="stylesheet" href="hz.css">
</head>
<body>
  <!-- Swiper -->
    <div id="app" v-cloak>
        <mt-header fixed title="浙有数" style="font-size:18px">
        </mt-header>
        <div class="main">
            <div class="contain">
                <div style="padding:10px 20px;background-color: white;">
                    <p><span style="color:black;font-weight: 600">下午好，</span><span style="color:#249AF2">王瑞</span></p>
                    <p style="font-size:12px;margin-top:15px;"><span style="border-radius:10px;border:1px solid #249AF2;color:#249AF2;padding:1px 5px;">公告</span><span class="ellipsis" style="margin-left:5px;width:80%;">5月10日上午，浙江省政府召开“深化”最...</span></p>
                    <p style="font-size:12px;margin-top:15px;"><span style="border-radius:10px;border:1px solid #249AF2;color:#249AF2;padding:1px 5px;">公告</span><span class="ellipsis" style="margin-left:5px;width:80%;">5月10日上午，浙江省政府召开“深化”最...</span></p>
                </div>
                <div style="padding:10px 20px;background-color: white;margin-top:8px;">
                    <span class="title">待办事项</span>
                    <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">1</span>"一证通办"人口数据申请</span>
                        <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                    </div>
                    <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">2</span>"一证通办"人口数据申请</span>
                        <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                    </div>
                    <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">3</span>"一证通办"人口数据申请</span>
                        <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                    </div>
                    <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">4</span>"一证通办"人口数据申请</span>
                        <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                    </div>
                    <div style="margin-top: 10px;display:flex;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <span style="width:60%;margin-right:10%;color:black;font-size:15px;" class="ellipsis"><span class="index" style="margin-right:5px;">5</span>"一证通办"人口数据申请</span>
                        <span style="width:30%;font-size:12px;line-height:20px;" class="ellipsis"><span style="margin-right:5px;">张琛</span>2019-03-01</span>
                    </div>
                </div>
                <div style="padding:10px 20px;background-color: white;margin-top:8px;">
                    <span class="title">常用工作</span>
                    <el-row :gutter="20" class="departIcon">
                        <el-col :span="8">
                            <span class="iconSpan">
                                <i class="iconfont iconcz-submit iconRed"></i>
                                <span class="ellipsis">提交归集工单</span>
                            </span>
                        </el-col>
                        <el-col :span="8">
                            <span class="iconSpan">
                                <i class="iconfont iconsearch iconYellow"></i>
                                <span class="ellipsis">归集时效性查看</span>
                            </span>
                        </el-col>
                        <el-col :span="8">
                            <span class="iconSpan">
                                <i class="iconfont iconshuju6 iconGreen"></i>
                                <span class="ellipsis">目录梳理</span>
                            </span>
                        </el-col>
                    </el-row>
                    <el-row :gutter="20" class="departIcon">
                        <el-col :span="8">
                            <span class="iconSpan">
                                <i class="iconfont iconwendang1" style="background-color:#F80100"></i>
                                <span class="ellipsis">目录查询</span>
                            </span>
                        </el-col>
                        <el-col :span="8">
                            <span class="iconSpan">
                                <i class="iconfont iconiconset0104" style="background-color:#4A90e2"></i>
                                <span class="ellipsis">需求补充</span>
                            </span>
                        </el-col>
                        <el-col :span="8">
                            <span class="iconSpan">
                                <i class="iconfont icontianxie1" style="background-color:#8BAD8F"></i>
                                <span class="ellipsis">数据普查</span>
                            </span>
                        </el-col>
                    </el-row>
                </div>
                <div class="allJob" style="padding:10px 20px;background-color: white;margin-top:8px;">
                    <span class="title">全部工作</span>
                    <el-row :gutter="2" style="margin-top:10px;">
                        <el-col :span="6" >
                          <span class="iconSpan iconGreen">
                            <i class="iconfont iconqunzu"></i>
                            <span>人口库</span>
                          </span>
                        </el-col>
                        <el-col :span="6">
                          <span class="iconSpan iconRed">
                            <i class="iconfont iconshiwu-chuizi"></i>
                            <span>法人库</span>
                          </span>
                        </el-col>
                        <el-col :span="6">
                          <span class="iconSpan iconYellow">
                            <i class="iconfont iconguanli1"></i>
                            <span>清洗</span>
                          </span>
                        </el-col>
                        <el-col :span="6">
                          <span class="iconSpan iconBlue">
                            <i class="iconfont iconwendang1"></i>
                            <span>项目管理</span>
                          </span>
                        </el-col>
                    </el-row>
                    <el-row :gutter="2">
                        <el-col :span="6" >
                        <span class="iconSpan iconBlue">
                            <i class="iconfont iconcz-wenjianzc"></i>
                            <span>普查</span>
                        </span>
                        </el-col>
                        <el-col :span="6">
                        <span class="iconSpan iconGreen">
                            <i class="iconfont icondiqiu"></i>
                            <span>开放</span>
                        </span>
                        </el-col>
                        <el-col :span="6">
                        <a href="catalog.html">
                            <span class="iconSpan iconRed">
                            <i class="iconfont iconshuju6"></i>
                            <span>目录</span>
                        </a>
                        </span>
                        </el-col>
                        <el-col :span="6">
                        <span class="iconSpan iconYellow">
                            <i class="iconfont iconzhuanhuan"></i>
                            <span>交换</span>
                        </span>
                        </el-col>
                    </el-row>
                    <el-row :gutter="2">
                        <el-col :span="6" >
                        <span class="iconSpan iconRed">
                            <i class="iconfont iconerji-yingyongyunhangbaobiao"></i>
                            <span>经济运行</span>
                        </span>
                        </el-col>
                        <el-col :span="6">
                        <span class="iconSpan iconYellow">
                            <i class="iconfont iconxin"></i>
                            <span>信用库</span>
                        </span>
                        </el-col>
                        <el-col :span="6">
                        <span class="iconSpan iconGreen">
                            <i class="iconfont icondianzizhengzhao"></i>
                            <span>证照库</span>
                        </span>
                        </el-col>
                        <el-col :span="6">
                        <span class="iconSpan iconBlue">
                            <i class="iconfont icontubiaoshu"></i>
                            <span>共享</span>
                        </span>
                        </el-col>
                    </el-row>
                </div>
                <div style="padding:10px 20px;background-color: white;margin-top:8px;">
                    <span class="title">技术支持</span>
                    <div style="display:flex;padding:10px;border-bottom: 1px solid rgb(230, 230, 230);">
                        <div style="width:40%;padding:0px 10px;">
                            <img src="../image/timg.jpg" style="width: 100%;">
                        </div>
                        <div style="width:60%">
                            <span style="display:block;text-align:center;font-size:14px;font-weight:600;color:black">使用DTS实现跨云账号的RDS实例迁移</span>
                            <span style="display:block;margin-top:5px;text-align:left;font-size:12px;">本教程适用于使用DTS实现跨账号的数</span>
                        </div>
                    </div>
                    <div style="display:flex;padding:10px;border-bottom: 1px solid rgb(230, 230, 230);">
                        <div style="width:40%;padding:0px 10px;">
                            <img src="../image/timg.jpg" style="width: 100%;">
                        </div>
                        <div style="width:60%">
                            <span style="display:block;text-align:center;font-size:14px;font-weight:600;color:black">DTS将RDS的数据实时同步至DataHub</span>
                            <span style="display:block;margin-top:5px;text-align:left;font-size:12px;">本教程使用DTS让数据实时进入流计算</span>
                        </div>
                    </div>
                    <div style="display:flex;padding:10px;border-bottom: 1px solid rgb(230, 230, 230);">
                        <div style="width:40%;padding:0px 10px;">
                            <img src="../image/timg.jpg" style="width: 100%;">
                        </div>
                        <div style="width:60%">
                            <span style="display:block;text-align:center;font-size:14px;font-weight:600;color:black">DTS将RDS的数据实时同步至DataHub</span>
                            <span style="display:block;margin-top:5px;text-align:left;font-size:12px;">本教程使用DTS让数据实时进入流计算</span>
                        </div>
                    </div>
                    <div style="display:flex;padding:10px;border-bottom: 1px solid rgb(230, 230, 230);">
                        <div style="width:40%;padding:0px 10px;">
                            <img src="../image/timg.jpg" style="width: 100%;">
                        </div>
                        <div style="width:60%">
                            <span style="display:block;text-align:center;font-size:14px;font-weight:600;color:black">DTS将RDS的数据实时同步至DataHub</span>
                            <span style="display:block;margin-top:5px;text-align:left;font-size:12px;">本教程使用DTS让数据实时进入流计算</span>
                        </div>
                    </div>
                </div>
                <div class="newInfo" style="padding:10px 20px;background-color: white;margin-top:8px;">
                    <span class="title">新闻动态</span>
                    <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <div style="width:60%">
                            <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                            浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                            </span>
                            <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                            当天下午2时，走进青浦区行政服务中心，长三角一体
                            </span>
                        </div>
                        <div style="width:40%">
                        <img src="../image/timg.jpg" style="width: 100%;">
                        </div>
                    </div>
                    <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <div style="width:60%">
                            <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                            浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                            </span>
                            <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                            当天下午2时，走进青浦区行政服务中心，长三角一体
                            </span>
                        </div>
                        <div style="width:40%">
                        <img src="../image/timg.jpg" style="width: 100%;">
                        </div>
                    </div>
                    <div style="display:flex;flex-direction: row;border-bottom: 1px solid rgb(230, 230, 230);padding-bottom: 15px;">
                        <div style="width:60%">
                            <span style="text-align: left;color: black;font-size: 14px;display: block;margin-top: 10px;">
                            浙江"双创"热潮涌动，"最多跑一次"为目标的商事制度改革
                            </span>
                            <span style="text-align: left;font-size: 12px;display: block;margin-top: 5px;">
                            当天下午2时，走进青浦区行政服务中心，长三角一体
                            </span>
                        </div>
                        <div style="width:40%">
                        <img src="../image/timg.jpg" style="width: 100%;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <mt-tabbar v-model="selected">
            <mt-tab-item id="tab1">
                <i slot="icon" class="iconfont iconshouye" @click="changeUrl('depart.html')"></i>
                <span @click="changeUrl('depart.html')">首页</span>
            </mt-tab-item>
            <mt-tab-item id="tab2" >
                <i slot="icon" class="iconfont icondaiban" @click="changeUrl('departNeedTo.html')"></i>
                <span @click="changeUrl('departNeedTo.html')"></span>待办</span>
            </mt-tab-item>
            <mt-tab-item id="tab3">
                <i slot="icon" class="iconfont iconbaobiaozhongxin" @click="changeUrl('departReport.html')"></i>
                <span @click="changeUrl('departReport.html')"></span>报表</span>
            </mt-tab-item>
            <mt-tab-item id="tab4">
                <i slot="icon" class="iconfont iconyaoqingdaoshi"></i>
                <span>反馈</span>
            </mt-tab-item>
            <mt-tab-item id="tab5">
                <i slot="icon" class="iconfont iconzixun"></i>
                咨询
            </mt-tab-item>
        </mt-tabbar>
    </div>

  <!-- Swiper JS -->
  <script src="../public/vue.js"></script>
  <script src="../public/echarts.js"></script>
  <script src="../public/element/index.js"></script>
  <script src="../public/mint.js"></script>
  <script src="../public/sass.js"></script>
  <script>
    var app = new Vue({
        el: '#app',
        data: {
            selected:'tab1',
        },
        methods: {
            changeUrl(url){
                window.location.href = url
            }
        },
        computed: {
            
        },
        filters: {
            
        },
        mounted: function () {
    
        }
    })
      
  </script>

</body>

</html>
